/* 
 * .register_tab的input控件的点击事件
 * .register_tab的input控件的keyup事件
 *  */
$(".register_tab input[name]").on("click keyup",function(){
//	alert("测试");
	// 同class相对位置索引
//	alert("测试" + ( $('.register_tab .acount-form-input').index(this) ));
	var curPos = $('.register_tab .acount-form-input').index(this);
	switch(curPos) {
		// 正在点击Email框
		case 0:
			checkEmailOnRegister(0);
			break;
		// 正在点击用户名框
		case 1:
			checkUserNameOnRegister(1);
			break;
		// 正在点击密码框
		case 2:
			checkPasswordOnRegister(2);
			break;
		case 3:
			checkPasswordAgainOnRegister(3);
			break;
		default:
			break;
	}
});

/**
 * - 邮箱校验:
 * (1) 邮箱格式由正则表达式指定
 * (2) 关于邮箱是否已被其他人注册了需要与数据库进行通信才能确定
 * @param curPos 元素相对某个指定父元素的索引
 */
function checkEmailOnRegister(curPos) {
	// 获取对应输入框元素
	var $email = $(".register_tab").find('input[name="email"]');
	// 获取提示框元素
	var $helpEle = $('.register_tab').find('.register_help:eq(' + curPos + ')');
	// 建立邮箱正则表达式
	var regx = /^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;
	// 输入框的内容为空
	if($email.val() == "") {
		$helpEle.html("请输入邮箱");
	} else {
		// 如果与regx不匹配
		if(!regx.test($email.val())) {
			$helpEle.html("<font size='2' color='red'>输入的邮箱格式有误,请按正确格式输入</font>");
		} // 匹配
		else {
			$helpEle.html("<font size='2' color='green'>该邮箱可用</font>");
		}
	}
	
}
/*
 * - 用户名校验:
 * (1) 检测用户名不能以_和数字开头,特殊字符只有"-","_",其他特殊字符不要
 * (2) 4-30位字符
 * (3) 用户名是否存在需要与数据库进行通信
 * */
function checkUserNameOnRegister(curPos) {
	// 获取对应输入框元素
	var $username = $(".register_tab").find('input[name="username"]');
	// 获取提示框元素
	var $helpEle = $('.register_tab').find('.register_help:eq(' + curPos + ')');
	
	// 输入框的内容要在4-30位字符之间
	if($username.val().length > 3 && $username.val().length < 31) {
		// 提示框显示帮助内容
		$helpEle.html("<font size='2' color='green'>该用户名可用</font>");
	} // 如果字符长度为0则提示
	else if ($username.val() == "") {
		$helpEle.html("用户名长度应该在4-30位");
	}
	//字符长度不满足,则提示
	else {
		$helpEle.html("<font size='2' color='red'>用户名长度不满足4-30位的要求</font>");
	}
}
/*
 * - 密码校验
 * (1) 密码长度至少为6位
 * */
function checkPasswordOnRegister(curPos) {
	// 获取对应输入框的值
	var $password = $(".register_tab").find('input[name="password"]');
	var $helpEle = $('.register_tab').find('.register_help:eq(' + curPos + ')');
	
	if ($password.val() == "") {
		$helpEle.html("请输入密码");
	} else if ($password.val().length < 6) {
		$helpEle.html("<font size='2' color='red'>密码至少为6位</font>");
	} else {
		$helpEle.html("<font size='2' color='green'>该密码可用</font>");
	}
}

/*
 * - 确认密码校验
 * (1) 与上次输入密码一致
 * */
function checkPasswordAgainOnRegister(curPos) {
	// 获取对应输入框的值
	var $password_again = $(".register_tab").find('input[name="password_again"]');
	var $password = $(".register_tab").find('input[name="password"]');
	var $helpEle = $('.register_tab').find('.register_help:eq(' + curPos + ')');
	
	// 若未达到上次密码长度,则提示"请输入密码"
	
	if ($password_again.val().length < 6) {
		$helpEle.html("请输入密码");
	} // 若长度达标
	else if($password_again.val().length >= 6) {
		// 校验密码是否一致
		if ($password_again.val() === $password.val() && $password_again.val().length === $password.val().length) {
			$helpEle.html("<font size='2' color='green'>密码一致</font>");
		} else {
			$helpEle.html("<font size='2' color='red'>与上次密码不一致</font>");
		}
	}
}


/* 
 * .login_tab的input控件的点击事件
 * .login_tab的input控件的keyup事件
 *  */
$(".login_tab input[name]").on("click keyup",function(){
	var curPos = $(".login_tab input[name]").index(this);
	switch(curPos) {
		// 用户名
		case 0:
			checkUser(0);
			break;
		// 密码
		case 1:
			checkPassword(1);
			break;
		default:
			break;
	}
	
});

function checkUser(curPos) {
	$username = $(".login_tab").find(".acount-form-input[name='username']");
	$helpEle = $(".login_tab").find(".login_help:eq(" + curPos + ")");
	
	// 输入框的内容要在4-30位字符之间
	if($username.val().length > 3 && $username.val().length < 31) {
		$helpEle.html("");
	} else {
		$helpEle.html("请输入用户名");
	}
}

function checkPassword(curPos) {
	$password = $(".login_tab").find(".acount-form-input[name='password']");
	$helpEle = $(".login_tab").find(".login_help:eq(" + curPos + ")");
	
	if ($password.val().length < 6) {
		$helpEle.html("请输入密码");
	} else {
		$helpEle.html("");
	}
}
